<template>
	<div class="container" style="margin-top: 50px;">
		<div class="row">
			<div id="carousel-example-generic" class="carousel slide " data-ride="carousel">
				<ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			  	</ol>
			<div class="carousel-inner" role="listbox">
			    <div class="item active">
			      	<img src="../../assets/44.jpg" alt="" />
			    </div>
			    <div class="item">
			      	<img src="../../assets/55.jpg" alt="" />
			    </div>
			 </div>
			 <a href="#carousel-example-generic" role="button" data-slide="prev" class="left carousel-control">
			 	<span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span> 
			 	<span class="sr-only">Previous</span>
			 </a>
			 <a href="#carousel-example-generic" role="button" data-slide="next" class="right carousel-control">
			 	<span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> 
			 	<span class="sr-only">Next</span>
			 </a>
			</div>
		</div>
	</div>
</template>

<script>
	
	export default {
	  data () {
	    return {
	    	"msg":"hello world"
	    }
	  }
	}
</script>

<style>
	
</style>